<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Decision Lines - Sign In</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="styles/canvas.css">
		<script src="/scripts/entity.js" type="text/javascript"></script>
		<script src="scripts/jquery-1.7.2.js" type="text/javascript"></script>
		<script type = "text/javascript">
		function showOptions(id){
			var radButton = document.getElementById(''closedEventDiv'id');
				if(radButton.hasAttribute("hidden"))
					radButton.removeAttribute("hidden");
					
				else (radButton.setAttribute("hidden"));
			}
		</script>
	</head>
	<body>
		<header>
			<h1>Decision Lines</h1>
		</header>
		<section id="mainContent">
			<h2>Create Event</h2>
			<form method='post' action='/Event'>
				<p>What are you trying to descide?</p>
				<input type='text' name='username' />
				<br>
				<label>Closed Event</label>
				<input type = "radio" name = "Radio" id = "closedEvent" value = "Closed Event" onclick="showOptions(closedEvent)">
				<br>
				<div id = "closedEventDiv" hidden>
				
					<label>How many other people will be joining your descision?</label>
						<input type="number" name = 'numberOfParticipants' min="3" width = '20'><br>
					<label>How many edges will each user add?</label>
						<input type='number' name = 'numberOfEdges' min = "1" max="100" width = '30'><br>
					<label>Enter the options you'll be choosing from</label><br>
						<input type = 'text' name = 'choice1'><br>
						<input type = 'text' name = 'choice2'><br>
						<input type = 'text' name = 'choice3'><br>
						<input type = 'text' name = 'choice1'><br>
						<input type = 'text' name = 'choice2'><br>
						<input type = 'text' name = 'choice3'><br>
						<input type = 'text' name = 'choice2'><br>
						<input type = 'text' name = 'choice3'><br>
						<p color = 'blue' id = 'plus' onclick= showOption></p>
				</div>
				<label>Opent Event</label>
				<input type = "radio" name = "Radio" id = "OpenEvent" value = "Open Event" checked = "checked">

			</form>
		</section>
	</body>
</html>



